html {
    height: 100%;
    box-sizing: border-box;
}
body{
    margin: 0;
    padding: 0;
    height: 100%;
}
#app{
    height: 100%;
    // min-width: 1300px;
    // min-width: 1000px;
}
p,div,span,.main .el-header,ul{
    margin: 0;
    padding: 0;
    font-size: 16px;
    // font-family: SimHei, sans-serif;
    font-family:  "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
}
.upload-demo {
    margin-top: 24px;
}
.row {
    height: 40px;
    line-height: 40px;
    .title{
        display: inline-block;
        width: 100px;
    }
}
.pic,video {
    width: 100%;
    height: 100%;
    display: block;
    border: 1px solid #999;
}
// 按钮--主要颜色
.primary-btn {
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    background-color: #1588f3;
    color: #fff;
    margin: 10px 0 10px 10px;
    span{
        font-size: 14px;
    }
}
.reset-btn{
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    background-color: #6C7074;
    color: #fff;
    margin: 10px 0 10px 10px;
    span{
        font-size: 14px;
    }
}

.add-btn{
    display: flex;
    align-items: center;
    height: 32px;
    line-height: 32px;
    background-color: #ff4f00;
    color: #fff;
    margin: 10px 0 10px 10px;
    span{
        font-size: 14px;
    }
}

// 按钮--带图标
.icon-add, .icon-delete, .icon-export,.icon-chart{
    margin-right: 5px;
}

// 按钮--删除样式
.black {
    color: #000 !important;
}

// el-popover修改样式
.el-popover.popover {
    padding: 0 !important;
    border: 0;
}
.popover.el-popper[x-placement^=top] .popper__arrow::after {
    border-top-color: #454c57;
}
.popover.el-popper[x-placement^=top] .popper__arrow {
    border-top-color: #454c57;
}
.popover.el-popper[x-placement^=bottom] .popper__arrow::after {
    border-bottom-color: #454c57;
}
.popover.el-popper[x-placement^=bottom] .popper__arrow {
    border-bottom-color: #454c57;
}


// el-select
div.box-select {
    display: flex;
    align-items: center;
    height: 32px;
  
    span.select-name {
      margin: 0 10px;
      font-size: 14px;
    }
  
    .el-select {
      height: 32px;
      ::v-deep .el-input {
        height: 32px;
        .el-input__inner {
          height: 32px;
        }
        .el-input__suffix {
          display: flex;
          align-items: center;
          height: 32px;
  
          .el-input__suffix-inner {
            height: 32px;
  
            .el-input__icon {
              height: 32px;
              line-height: 32px;
            }
          }
        }
  
        .el-icon-arrow-up:before {
          content: '| \e790';
        }
        .el-select__caret {
          transform: rotateZ(0deg);
        }
      }
    }
}
.el-select-dropdown {
    ::v-deep .el-select-dropdown__item.hover,
    .el-select-dropdown__item:hover {
      color: #fff;
      background-color: #1883e7;
    }
}

// element-ui input 字体 与textarea字体不一样
textarea {
    font-family: "微软雅黑", "microsoft yahei", "Arial", "Helvetica Neue", "sans-serif", "宋体", "simsun";
}

.el-tag {
    padding: 0 12px;
}